<template>
    <div>
        <ul>
            <li> <router-link  to="/home/all">所有</router-link> </li>
            <li> <router-link  to="/home/tushu">图书</router-link> </li>
            <li @click="handleDemo"> 服饰 </li>
            <li> 电脑 </li>
        </ul>
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: "Home",
        methods:{
            handleDemo(){
                this.$router.push("/home/fushi");
            }
        }
    }
</script>

<style scoped>
li {
    text-decoration: none;
    margin: 0 55px;
    display: inline-block;
}
    a{
        text-decoration: none;
        color: #2c3e50;
    }
</style>